<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="box-body">
                    <form class="form-inline searchForm" id="searchForm" action="/admin/admin_role/index" method="GET">
                        <div class="form-group">
                            <input value="{{._keywords}}"
                                   name="_keywords" id="_keywords" class="form-control input-sm" placeholder="名称/简介">
                        </div>
                        <div class="form-group">
                            <button class="btn btn-sm btn-primary" type="submit"><i class="fa fa-search"></i> 查询
                            </button>
                        </div>
                        <div class="form-group">
                            <button onclick="clearSearchForm()" class="btn btn-sm btn-default" type="button"><i
                                    class="fa  fa-eraser"></i> 清空查询
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <!--数据列表顶部-->
                <div class="box-header">
                    <div>
                        <a title="添加" data-toggle="tooltip" class="btn btn-primary btn-sm " href="/admin/admin_role/add">
                            <i class="fa fa-plus"></i> 添加
                        </a>
                        <a class="btn btn-danger btn-sm AjaxButton" data-toggle="tooltip" title="删除选中数据"
                           data-confirm-title="删除确认" data-confirm-content="您确定要删除选中的数据吗？" data-id="checked"
                           data-url="/admin/admin_role/del">
                            <i class="fa fa-trash"></i> 删除
                        </a>

                        <a class="btn btn-success btn-sm AjaxButton" data-toggle="tooltip" title="启用选中数据"
                           data-confirm-title="启用确认" data-confirm-content="您确定要启用选中的数据吗？" data-id="checked"
                           data-url="/admin/admin_role/enable">
                            <i class="fa fa-circle"></i> 启用
                        </a>

                        <a class="btn btn-warning btn-sm AjaxButton" data-toggle="tooltip" title="禁用选中数据"
                           data-confirm-title="禁用确认" data-confirm-content="您确定要禁用选中的数据吗？" data-id="checked"
                           data-url="/admin/admin_role/disable">
                            <i class="fa fa-circle"></i> 禁用
                        </a>

                        <a class="btn btn-success btn-sm ReloadButton" data-toggle="tooltip" title="刷新"
                           data-id="checked" data-url="/admin/admin_role/del">
                            <i class="fa fa-refresh"></i> 刷新
                        </a>
                    </div>
                </div>
                <div class="box-body table-responsive">
                    <table class="table table-hover table-bordered datatable" width="100%">
                        <thead>
                        <tr>
                            <th>
                                <input id="dataCheckAll" type="checkbox" onclick="checkAll(this)" class="checkbox" placeholder="全选/取消">
                            </th>
                            <th>ID</th>
                            <th>名称</th>
                            <th>简介</th>
                            <th>是否启用</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {{range $key,$item := .data}}
                        <tr>
                            <td>
                                <input type="checkbox" onclick="checkThis(this)" name="data-checkbox"
                                       data-id="{{$item.Id}}" class="checkbox data-list-check" value="{{$item.Id}}"
                                       placeholder="选择/取消">
                            </td>
                            <td>{{$item.Id}}</td>
                            <td>{{$item.Name}}</td>
                            <td>{{$item.Description}}</td>
                            <td>{{if eq $item.Status 1}} <span class="label label-success">是</span> {{else}} <span class="label label-warning">否</span> {{end}}</td>
                            <td class="td-do">
                                <a href="/admin/admin_role/access?id={{$item.Id}}"
                                   class="btn btn-warning btn-xs" data-toggle="tooltip" title="授权">
                                    <i class="fa fa-key"></i>
                                </a>

                                <a href="/admin/admin_role/edit?id={{$item.Id}}"
                                   class="btn btn-primary btn-xs" title="修改" data-toggle="tooltip">
                                    <i class="fa fa-pencil"></i>
                                </a>
                                <a class="btn btn-danger btn-xs AjaxButton" data-toggle="tooltip" title="删除"
                                   data-id="{{$item.Id}}" data-confirm-title="删除确认"
                                   data-confirm-content='您确定要删除ID为 <span class="text-red">{{$item.Id}}</span> 的数据吗'
                                   data-url="/admin/admin_role/del">
                                    <i class="fa fa-trash"></i>
                                </a>

                                {{if eq $item.Status 1}}
                                <a class="btn btn-warning btn-xs AjaxButton" data-toggle="tooltip" title="禁用"
                                   data-id="{{$item.Id}}" data-confirm-title="禁用确认"
                                   data-confirm-content='您确定要禁用ID为 <span class="text-red">{{$item.Id}}</span> 的数据吗'
                                   data-url="/admin/admin_role/disable">
                                    <i class="fa fa-circle"></i>
                                </a>
                                {{else}}
                                <a class="btn btn-success btn-xs AjaxButton" data-toggle="tooltip" title="启用"
                                   data-id="{{$item.Id}}" data-confirm-title="启用确认"
                                   data-confirm-content='您确定要启用ID为 <span class="text-red">{{$item.Id}}</span> 的数据吗'
                                   data-url="/admin/admin_role/enable">
                                    <i class="fa fa-circle"></i>
                                </a>
                                {{end}}
                            </td>
                        </tr>
                        {{end}}
                        </tbody>
                    </table>
                </div>
                <!-- 数据列表底部 -->
                {{if ne "" .paginate.BootStrapRenderLink}}
                    <div class="box-footer">
                        {{ str2html .paginate.BootStrapRenderLink}}
                        <label class="control-label pull-right" style="margin-right: 10px; font-weight: 100;">
                            <small>共{{.paginate.Total}}条记录</small>&nbsp;
                            <small>每页显示</small>
                            &nbsp;
                            <select class="input-sm" onchange="changePerPage(this)">
                                {{range $index, $val := $.admin.per_page_config}}
                                    <option value="{{$val}}" {{if eq $val $.admin.per_page}} selected {{end}}>{{$val}}</option>
                                {{end}}
                            </select>
                            &nbsp;
                            <small>条记录</small>
                        </label>
                    </div>
                {{end}}
            </div>
        </div>
    </div>
</section>

